<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
<link rel="stylesheet" type="text/css" href="../layuiadmin/layui/css/layui.css">
<link rel="stylesheet" type="text/css" href="../public/res/css/map.css">
<link rel="stylesheet" type="text/css" href="../public/plugins/zTree/zTreeStyle.css">
<script type="text/javascript" src="../public/res/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../public/plugins/zTree/jquery.ztree.all.min.js" ></script>
</head>
<body>
<div id="slider"></div>
<div id="allmap"></div>
<div class="map-top-bar">
<div class="map-top-left">
	<div class="layui-btn-group">
	  <button class="layui-btn layui-btn-primary layui-btn-sm" data-type="changeMap">
	    <i class="zkuasgm-icon">&#xe618;</i>线路两旁
	  </button>
	  <button class="layui-btn layui-btn-primary layui-btn-sm" id="mapToolsBtn" data-type="mapTools">
	    <i class="zkuasgm-icon">&#xe778;</i>地点周边
	  </button>
	  <button class="layui-btn layui-btn-primary layui-btn-sm" id="mapToolsBtn" data-type="mapTools">
	    <i class="zkuasgm-icon">&#xe85b;</i>任意区域
	  </button>
	</div>
	<div class="layui-btn-group">
	  <button class="layui-btn layui-btn-primary layui-btn-sm" data-type="changeMap">
	    <i class="zkuasgm-icon">&#xe66d;</i>清空所有
	  </button>
	  <button class="layui-btn layui-btn-primary layui-btn-sm">
	    <i class="zkuasgm-icon">&#xe798;</i>移除查询覆盖面
	  </button>
	</div>
</div>

<div class="map-top-right">
	<div class="layui-btn-group">
	  <button class="layui-btn layui-btn-primary layui-btn-sm" id="msgBtn" data-type="massage">
	    <i class="zkuasgm-icon">&#xe670;</i>消息<span class="layui-badge">6</span>
	  </button>
	  <button class="layui-btn layui-btn-primary layui-btn-sm" id="camBtn" data-type="cam">
	    <i class="zkuasgm-icon">&#xe758;</i>摄像头<span class="layui-badge">6</span>
	  </button>
    </div>
	<div class="layui-btn-group">
	  <button class="layui-btn layui-btn-primary layui-btn-sm" data-type="changeMap">
	    <i class="zkuasgm-icon">&#xe620;</i>切换地图
	  </button>
	  <button class="layui-btn layui-btn-primary layui-btn-sm" id="mapToolsBtn" data-type="mapTools">
	    <i class="zkuasgm-icon">&#xe615;</i>地图工具箱
	  </button>
	</div>
</div>
</div>

<!--搜索框-->
<div id="search-zk">
    <div class="search-box">
    <form class="layui-form" action="">
	    <div class="layui-form-item">
	    	<div class="layui-col-md3">
		      <select name="city" lay-verify="required">
		        <option value=""></option>
		        <option value="0">北京</option>
		        <option value="1">上海</option>
		        <option value="2">广州</option>
		        <option value="3">深圳</option>
		        <option value="4">杭州</option>
		      </select>
		    </div> 
		    <div class="layui-col-md9"> 
		      <input type="text" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input search-keyword">
		    </div>  
		</div>
        <!-- <input class="search-keyword" type="text" placeholder="请输入业务检索..."> -->
        <div class="search-rbox">
			<button type="button" class="search-btn">
	            <i class="layui-icon">&#xe615;</i>
	        </button>
        </div> 
    </form>      
    </div>
    <div class="search-content">

        <div class="layui-tab layui-tab-card" lay-filter="module-tab">
            <ul class="layui-tab-title">
                <li class="layui-this">业务</li>
                <li>网格</li>
            </ul>
            <div class="layui-tab-content zk-con-box">
                <div class="layui-tab-item layui-show">

                    <!--已选业务容器-->
                    <fieldset class="layui-elem-field choosed-item-container">
                        <legend >已选</legend>
                        <div class="tips-box">
							↓↓↓点击已选标签可以进行查询!
                        </div>
                        <div class="layui-field-box">
                            <fieldset class="layui-elem-field layui-field-title choosed-item-list">
                                <legend>警务</legend>
                                <div class="layui-field-box">
                                    <ul>
                                        <!--<li>
                                            &lt;!&ndash;选中的业务属性&ndash;&gt;
                                            <div class="layui-btn-group choosed-item">
                                                <a href="javascript:;" class="layui-btn layui-btn-primary layui-btn-xs" title='' >
                                                    事＞案件＞贪污受贿案
                                                </a>
                                                <a href="javascript:;" class="layui-btn layui-btn-danger layui-btn-xs item-del">
                                                    <i class="layui-icon">&#xe640;</i>
                                                </a>
                                            </div>
                                        </li>-->
                                    </ul>
                                </div>
                            </fieldset>

                        </div>
                    </fieldset>

                    <!--业务选项卡-->
                    <div class="layui-tab inner-tab" lay-filter="attr-tab">
                        <ul class="layui-tab-title">
                            <!--<li class="layui-this">警务</li>
                            <li>城管</li>
                            <li>税务</li>
                            <li>综治</li>
                            <li>其它</li>-->
                        </ul>
                        <div class="layui-tab-content attr-tab-container">
                            <!--<div class="layui-tab-item layui-show" data-attrRoot="警务">
                                <div class="tit tit-active">业务属性</div>
                                <ul id="attr-tree-03" class="ztree"></ul>
                                <div class="tit tit-active">搜索结果</div>
                                <ul class="result-list">
                                    <li>
                                        <i class="layui-icon">&#xe715;</i>
                                        <a href="#">贪污贿赂12</a>
                                        <p>中山市东裕路8号</p>
                                    </li>
                                    <li>
                                        <i class="layui-icon">&#xe715;</i>
                                        <a href="#">拐卖妇女儿童</a>
                                        <p>和平路9号</p>
                                    </li>
                                    <li>
                                        <i class="layui-icon">&#xe715;</i>
                                        <a href="#">故意伤害案件</a>
                                        <p>南京路32号</p>
                                    </li>
                                    <li>
                                        <i class="layui-icon">&#xe715;</i>
                                        <a href="#">走私案件</a>
                                        <p>博爱一路24号</p>
                                    </li>
                                </ul>
                            </div>
                            <div class="layui-tab-item" data-attrRoot="城管">
                                <div class="tit tit-active">业务属性</div>
                                <ul id="attr-tree-02" class="ztree"></ul>
                            </div>
                            <div class="layui-tab-item" data-attrRoot="税务">
                                <div class="tit tit-active">业务属性</div>
                                <ul id="attr-tree-04" class="ztree"></ul>
                            </div>
                            <div class="layui-tab-item" data-attrRoot="综治">
                                <div class="tit tit-active">业务属性</div>
                                <ul id="attr-tree-01" class="ztree"></ul>
                            </div>
                            <div class="layui-tab-item" data-attrRoot="其它">
                                <div class="tit tit-active">业务属性</div>
                                <ul id="attr-tree-90" class="ztree"></ul>
                            </div>-->
                        </div>
                    </div>
                </div>
                <!--网格树-->
                <div class="layui-tab-item">
                    <div class="layui-tab layui-tab-brief" lay-filter="grid-tab">
                        <ul class="layui-tab-title">
                            <li class="layui-this"><i class="zkuasgm-icon">&#xe625;</i>行政区域网格</li>
                            <li><i class="zkuasgm-icon">&#xe884;</i>专业网格</li>
                        </ul>
                        <div class="layui-tab-content grid-tab-container">
                            <div class="layui-tab-item layui-show">
                                <ul id="grid-admin-tree" class="ztree"></ul>
                            </div>
                            <div class="layui-tab-item">
                                <ul id="grid-major-tree" class="ztree"></ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="content-bottom">
            <button class="content-close"><i class="zkuasgm-icon">&#xe632;</i>关闭</button>
        </div>
    </div>

    <div class="search-params">

    </div>
</div>
<!--搜索框-->


</body>
<div class="map-left-box layui-anim" id="countBox" style="display:none ">
	<div class="iconMenu">
		<ul>
			<li><a href="####" class="hov">
			<i class="zkuasgm-icon">&#xe61f;</i>
			<p>城管</p>
			</a></li>
			<li><a href="####">
			<i class="zkuasgm-icon">&#xe755;</i>
			<p>综治</p>
			</a></li>
			<li><a href="####">
			<i class="zkuasgm-icon">&#xe631;</i>
			<p>警务</p>
			</a></li>
			<li><a href="####">
			<i class="zkuasgm-icon">&#xe600;</i>
			<p>税务</p>
			</a></li>
		</ul>
	</div>
	<div class="itemBox">
	<!-- 人，事，物，场所，组织，情，摄像头，物联网，告警，设置 -->
	<div class="treeBox">
	<form class="layui-form layui-form-pane" action="">
		<div class="tit"><input type="checkbox" name="" title="人" lay-skin="primary"></div>
		<ul id="treeDemo" class="ztree"></ul>
		<div class="tit"><input type="checkbox" name="" title="地" lay-skin="primary"></div>
		<ul>地tree</ul>
		<div class="tit"><input type="checkbox" name="" title="事" lay-skin="primary"></div>
		<ul>事tree</ul>
	</form>	
	</div>	
	</div>
</div>
<!-- 监督指挥 -->
<div class="map-left-box layui-anim" id="gridBox" style="display: none">
	<div class="iconMenu">
		<ul>
			<li><a href="####" class="hov">
			<i class="zkuasgm-icon">&#xe884;</i>
			<p>行政<br />网格</p>
			</a></li>
			<li><a href="####">
			<i class="zkuasgm-icon">&#xe60b;</i>
			<p>专业<br />网格</p>
			</a></li>
		</ul>
	</div>
	<div class="itemBox">
	<!-- 人，事，物，场所，组织，情，摄像头，物联网，告警，设置 -->
	<div class="treeBox">
	<form class="layui-form layui-form-pane" action="">
		<ul id="treeDemo2" class="ztree"></ul>
	</form>	
	</div>	
	</div>
</div>
<!-- 选择网格 -->
<div class="search-box-main" id="searchBox" style="display: none">
	<div class="search-box-top">
	<form class="layui-form" action="">
	  <div class="layui-form-item">
	    <input type="text" name="title" required  lay-verify="required" placeholder="请输入关键字" autocomplete="off" class="layui-input">
	  </div>
	  <div class="layui-form-item">
	      <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
	      <button type="reset" class="layui-btn layui-btn-primary">重置</button>

	  </div>
	</form>  
	</div>
	<div class="search-box-list">
	<h2>搜索结果</h2>
	<ul>
		<li>
		<i class="zkuasgm-icon">&#xe611;</i>
		<a href="####">沙井盖</a>
		<p>中山市东裕路8号</p>
		</li>
		<li>
		<i class="zkuasgm-icon">&#xe611;</i>
		<a href="####">沙井盖</a>
		<p>中山市东裕路8号</p>
		</li>
		<li>
		<i class="zkuasgm-icon">&#xe611;</i>
		<a href="####">沙井盖</a>
		<p>中山市东裕路8号</p>
		</li>
		<li>
		<i class="zkuasgm-icon">&#xe611;</i>
		<a href="####">沙井盖</a>
		<p>中山市东裕路8号</p>
		</li>
		<li>
		<i class="zkuasgm-icon">&#xe611;</i>
		<a href="####">沙井盖</a>
		<p>中山市东裕路8号</p>
		</li>
		<li>
		<i class="zkuasgm-icon">&#xe611;</i>
		<a href="####">沙井盖</a>
		<p>中山市东裕路8号</p>
		</li>
		<li>
		<i class="zkuasgm-icon">&#xe611;</i>
		<a href="####">沙井盖</a>
		<p>中山市东裕路8号</p>
		</li>
		<li>
		<i class="zkuasgm-icon">&#xe611;</i>
		<a href="####">沙井盖</a>
		<p>中山市东裕路8号</p>
		</li>
		<li>
		<i class="zkuasgm-icon">&#xe611;</i>
		<a href="####">沙井盖</a>
		<p>中山市东裕路8号</p>
		</li>
	</ul>
	</div>
</div>
<!-- 搜索 -->
<div class="map-left-box layui-anim" id="tableBox" style="display: none">
	<table class="layui-table" lay-size="sm">
	  <colgroup>
	    <col width="80">
	    <col width="150">
	    <col>
	  </colgroup>
	  <thead>
	    <tr>
	      <th>昵称</th>
	      <th>加入时间</th>
	      <th>签名</th>
	    </tr> 
	  </thead>
	  <tbody>
	    <tr>
	      <td>贤心</td>
	      <td>2016-11-29</td>
	      <td>人生就像是一场修行</td>
	    </tr>
	    <tr>
	      <td>许闲心</td>
	      <td>2016-11-28</td>
	      <td>于千万人之中遇见</td>
	    </tr>
	    <tr>
	      <td>许闲心</td>
	      <td>2016-11-28</td>
	      <td>于千万人之中遇见</td>
	    </tr>
	    <tr>
	      <td>许闲心</td>
	      <td>2016-11-28</td>
	      <td>于千万人之中遇见</td>
	    </tr>
	  </tbody>
	</table>
</div>
<!-- 统计表 -->
<div class="map-left-box layui-anim" id="imageBox" style="display: none">
	<div id="echarts-box" class="echarts-box"></div>
</div>
<!-- 统计图 -->
<div id="build" style="display: none">
	<div class="build-info">
	<!-- <h2>建筑物信息</h2> -->
	<div class="floorList">
		<button class="layui-btn layui-btn-primary layui-btn-sm zkuasgm-icon">&#xe632;</button>
		<button class="layui-btn layui-btn-sm">一层</button>
		<button class="layui-btn layui-btn-sm">二层</button>
		<button class="layui-btn layui-btn-sm">三层</button>
		<button class="layui-btn layui-btn-sm">四层</button>
		<button class="layui-btn layui-btn-sm layui-btn-normal">五层</button>
		<button class="layui-btn layui-btn-sm">六层</button>
		<button class="layui-btn layui-btn-sm">七层</button>
		<button class="layui-btn layui-btn-sm">八层</button>
		<button class="layui-btn layui-btn-sm">九层</button>
		<button class="layui-btn layui-btn-sm">十层</button>
		<button class="layui-btn layui-btn-sm">十一层</button>
		<button class="layui-btn layui-btn-sm">十二层</button>
		<button class="layui-btn layui-btn-primary layui-btn-sm zkuasgm-icon">&#xe633;</button>
	</div>
	<div class="floorInfo">

		<form class="layui-form" action="">
		  <div class="layui-form-item">
		    <label class="layui-form-label">地址</label>
		    <div class="layui-input-block">
		      <input type="text" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input" value="火炬开发区逸仙路56号">
		    </div>
		  </div>
		  <div class="layui-form-item">
		    <label class="layui-form-label">是否出租</label>
		    <div class="layui-input-block">
		      <input type="text" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input" value="否">
		    </div>
		  </div>
		  <div class="layui-form-item">
		    <label class="layui-form-label">派出所</label>
		    <div class="layui-input-block">
		      <input type="text" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input" value="火炬开发区">
		    </div>
		  </div>
		  <div class="layui-form-item">
		    <label class="layui-form-label">权属人</label>
		    <div class="layui-input-block">
		      <input type="text" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input" value="陈先生">
		    </div>
		  </div>
		</form>

		<div class="layui-tab layui-tab-card">
		  <ul class="layui-tab-title">
		    <li class="layui-this">501</li>
		    <li>502</li>
		    <li>503</li>
		  </ul>
		  <div class="layui-tab-content zk-con-box">
		    <div class="layui-tab-item layui-show">
				<table class="layui-table">
					<thead>
					<tr>
					  <th>户主姓名</th>
					  <th>身份证</th>
					</tr> 
					</thead>
					<tbody>
					<tr>
					  <td><a href="javascript:;" class="peopleItem">陈先生</a></td>
					  <td>44515648978979874</td>
					</tr>
					</tbody>
				</table>
				<table class="layui-table">
					<thead>
					<tr>
					  <th>家庭成员</th>
					  <th>与户主关系</th>
					  <th>身份证</th>
					</tr> 
					</thead>
					<tbody>
					<tr>
					  <td><a href="javascript:;" class="peopleItem">陈美丽</a></td>
					  <td>父女</td>
					  <td>4451242342342</td>
					</tr>
					<tr>
					  <td><a href="javascript:;" class="peopleItem">李春花</a></td>
					  <td>夫妻</td>
					  <td>445478979798797787</td>
					</tr>
					</tbody>
				</table>
		    </div>
		    <div class="layui-tab-item">2</div>
		    <div class="layui-tab-item">3</div>
		    <div class="layui-tab-item">4</div>
		    <div class="layui-tab-item">5</div>
		    <div class="layui-tab-item">6</div>
		  </div>
		</div>
		
		
	</div>
	
	</div>
</div>
<!-- 建筑物内容 -->
<div class="layui-anim mapToolsBox" id="mapToolsBox" style="display: none">
	<h2>空间查询</h2>
	<ul>
		<li><button class="layui-btn layui-btn-normal layui-btn-fluid"><i class="zkuasgm-icon">&#xe618;</i>道路两旁</button></li>
		<li><button class="layui-btn layui-btn-normal layui-btn-fluid"><i class="zkuasgm-icon">&#xe778;</i>地点周边</button></li>
		<li><button class="layui-btn layui-btn-normal layui-btn-fluid"><i class="zkuasgm-icon">&#xe85b;</i>任意区域</button></li>
	</ul>
	<h2>属性查询</h2>
	<ul>
		<li><button class="layui-btn layui-btn-normal layui-btn-fluid"><i class="zkuasgm-icon">&#xe601;</i>倾斜摄影属性查询</button></li>
	</ul>
	<h2>三维空间分析</h2>
	<ul>
		<li><button class="layui-btn layui-btn-normal layui-btn-fluid"><i class="zkuasgm-icon">&#xe7d1;</i>可视域分析</button></li>
		<li><button class="layui-btn layui-btn-normal layui-btn-fluid"><i class="zkuasgm-icon">&#xe604;</i>通视分析</button></li>
	</ul>
	<h2>量算</h2>
	<ul>
		<li><button class="layui-btn layui-btn-normal layui-btn-fluid"><i class="zkuasgm-icon">&#xe66c;</i>面积测量</button></li>
		<li><button class="layui-btn layui-btn-normal layui-btn-fluid"><i class="zkuasgm-icon">&#xe659;</i>距离测量</button></li>
	</ul>
	<h2>清理</h2>
	<ul>
		<li><button class="layui-btn layui-btn-normal layui-btn-fluid"><i class="zkuasgm-icon">&#xe66d;</i>清空所有</button></li>
		<li><button class="layui-btn layui-btn-normal layui-btn-fluid"><i class="zkuasgm-icon">&#xe798;</i>移除选中图元</button></li>
		<li><button class="layui-btn layui-btn-normal layui-btn-fluid"><i class="zkuasgm-icon">&#xe798;</i>移除勾画线条</button></li>
		<li><button class="layui-btn layui-btn-normal layui-btn-fluid"><i class="zkuasgm-icon">&#xe798;</i>移除查询覆盖面</button></li>
		<li><button class="layui-btn layui-btn-normal layui-btn-fluid"><i class="zkuasgm-icon">&#xe798;</i>移除量算数据</button></li>
		<li><button class="layui-btn layui-btn-normal layui-btn-fluid"><i class="zkuasgm-icon">&#xe798;</i>移除分析数据</button></li>
	</ul>
</div>
<!-- 地图工具 -->
<div class="layui-fluid" id="camBox" style="display:none;">
    <div class="layui-row layui-col-space1">
      <div class="layui-col-xs4">
        <div class="layui-card">
          <div class="layui-card-body">
			<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1522833040&di=31bb15eb142b92fe17332b7e5b689b8f&imgtype=jpg&er=1&src=http%3A%2F%2Fimg1.cache.netease.com%2Fcatchpic%2F8%2F80%2F80DFAD1059CD7563770C4163A705D35D.jpg">
          </div>
        </div>
      </div>
      <div class="layui-col-xs4">
        <div class="layui-card">
          <div class="layui-card-body">
			<img src="http://img1.cache.netease.com/catchpic/E/E2/E2359DBC7D259D53F97D2749FB045707.jpg">
          </div>
        </div>
      </div>
      <div class="layui-col-xs4">
        <div class="layui-card">
          <div class="layui-card-body">
          <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1522833187&di=9d5d4051eda9a677aa6ffd9c76696cc0&imgtype=jpg&er=1&src=http%3A%2F%2Fimg1.gtimg.com%2Fcd%2Fpics%2Fhv1%2F59%2F20%2F2185%2F142084784.jpg">
          </div>
        </div>
      </div>
      <div class="layui-col-xs4">
        <div class="layui-card">
          <div class="layui-card-body">
			<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1522833040&di=31bb15eb142b92fe17332b7e5b689b8f&imgtype=jpg&er=1&src=http%3A%2F%2Fimg1.cache.netease.com%2Fcatchpic%2F8%2F80%2F80DFAD1059CD7563770C4163A705D35D.jpg">
          </div>
        </div>
      </div>
      <div class="layui-col-xs4">
        <div class="layui-card">
          <div class="layui-card-body">
			<img src="http://img1.cache.netease.com/catchpic/E/E2/E2359DBC7D259D53F97D2749FB045707.jpg">
          </div>
        </div>
      </div>
      <div class="layui-col-xs4">
        <div class="layui-card">
          <div class="layui-card-body">
          <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1522833187&di=9d5d4051eda9a677aa6ffd9c76696cc0&imgtype=jpg&er=1&src=http%3A%2F%2Fimg1.gtimg.com%2Fcd%2Fpics%2Fhv1%2F59%2F20%2F2185%2F142084784.jpg">
          </div>
        </div>
      </div>
      <div class="layui-col-xs4">
        <div class="layui-card">
          <div class="layui-card-body">
			<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1522833040&di=31bb15eb142b92fe17332b7e5b689b8f&imgtype=jpg&er=1&src=http%3A%2F%2Fimg1.cache.netease.com%2Fcatchpic%2F8%2F80%2F80DFAD1059CD7563770C4163A705D35D.jpg">
          </div>
        </div>
      </div>
      <div class="layui-col-xs4">
        <div class="layui-card">
          <div class="layui-card-body">
			<img src="http://img1.cache.netease.com/catchpic/E/E2/E2359DBC7D259D53F97D2749FB045707.jpg">
          </div>
        </div>
      </div>
      <div class="layui-col-xs4">
        <div class="layui-card">
          <div class="layui-card-body">
          <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1522833187&di=9d5d4051eda9a677aa6ffd9c76696cc0&imgtype=jpg&er=1&src=http%3A%2F%2Fimg1.gtimg.com%2Fcd%2Fpics%2Fhv1%2F59%2F20%2F2185%2F142084784.jpg">
          </div>
        </div>
      </div>
      
    </div>
  </div>
  <!-- 摄像头 -->
  <div id="contactBox" style="display:none;">
  	<ul>
		<li><button class="layui-btn layui-btn-normal  layui-btn-lg layui-btn-fluid">视频/音频</button></li>
		<li><button class="layui-btn layui-btn-danger  layui-btn-lg layui-btn-fluid">通话</button></li>
  	</ul>
  </div>
  <!-- 对话巡逻员 -->
  <div id="contactListBox" style="display:none;">
  <input type="text" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
  	<ul>
		<li>
			<p class="fl"><a href="javascript:;"><span>张先生</span></a></p>
			<p class="fr"><button class="layui-btn  layui-btn-normal layui-btn-sm">视频/音频</button><button class="layui-btn layui-btn-sm">通话</button></p>
		</li>
		<li>
			<p class="fl"><a href="javascript:;"><span>张先生</span></a></p>
			<p class="fr"><button class="layui-btn  layui-btn-normal layui-btn-sm">视频/音频</button><button class="layui-btn layui-btn-sm">通话</button></p>
		</li>
		<li>
			<p class="fl"><a href="javascript:;"><span>张先生</span></a></p>
			<p class="fr"><button class="layui-btn  layui-btn-normal layui-btn-sm">视频/音频</button><button class="layui-btn layui-btn-sm">通话</button></p>
		</li>
		<li>
			<p class="fl"><a href="javascript:;"><span>张先生</span></a></p>
			<p class="fr"><button class="layui-btn  layui-btn-normal layui-btn-sm">视频/音频</button><button class="layui-btn layui-btn-sm">通话</button></p>
		</li>
		<li>
			<p class="fl"><a href="javascript:;"><span>张先生</span></a></p>
			<p class="fr"><button class="layui-btn  layui-btn-normal layui-btn-sm">视频/音频</button><button class="layui-btn layui-btn-sm">通话</button></p>
		</li>
		<li>
			<p class="fl"><a href="javascript:;"><span>张先生</span></a></p>
			<p class="fr"><button class="layui-btn  layui-btn-normal layui-btn-sm">视频/音频</button><button class="layui-btn layui-btn-sm">通话</button></p>
		</li>
		<li>
			<p class="fl"><a href="javascript:;"><span>张先生</span></a></p>
			<p class="fr"><button class="layui-btn  layui-btn-normal layui-btn-sm">视频/音频</button><button class="layui-btn layui-btn-sm">通话</button></p>
		</li>
		<li>
			<p class="fl"><a href="javascript:;"><span>张先生</span></a></p>
			<p class="fr"><button class="layui-btn  layui-btn-normal layui-btn-sm">视频/音频</button><button class="layui-btn layui-btn-sm">通话</button></p>
		</li>
  	</ul>
  </div>
  <!-- 巡逻员列表 -->
<script src="public/plugins/layui/layui.all.js"></script>
<script src="public/res/js/map.js"></script>
<script src="public/res/js/search.js"></script>

</html>